<template>
	<view class="content">
		
		<view class="position-relative d-flex a-center" style="height: 320rpx;">
			<view class="iconfont icon-_liaotian position-absolute text-danger" style="font-size: 50rpx;top: 50rpx;right: 20rpx;z-index: 100;"></view>
			<image src="http://bpic.588ku.com//back_origin_min_pic/20/06/27/c49c5f34d8435227308dde33518ad309.jpg!/fw/750/quality/99/unsharp/true/compress/true" style="height: 320rpx; width: 100%;"></image>
			
			<view class="d-flex a-center position-absolute left-0 right-0">
				<image src="../../static/imgs/4.png" style="height: 185rpx; width: 185rpx;border: 5rpx solid white;" class="rounded-circle border-light ml-4"></image>
				<view class="ml-2  font-md">昵称：小白</view>
				<view class="d-flex a-center j-center a-self-end ml-auto px-2 mt-auto" style="height: 70rpx;background:#FFD43F;color: #CC4A00;border-top-left-radius: 40rpx;border-bottom-left-radius: 40rpx;">
					<view class="line-h iconfont iconbaokuan mr-1"></view>
					会员积分:999
				</view>
			</view>	
		</view>
		
		<card >
			<view slot="title" class="d-flex a-center j-sb">
				<text class="font-md font-weight">我的订单</text>
				<view class="text-secondary">
					全部订单<text class="iconfont iconGroup-1"></text>
				</view>
			</view>
			<view class="d-flex a-center py-3">
				<view class="flex-1 d-flex j-center flex-column a-center" hover-class="bg-light-secondary" v-for="i in 4" :key="i">
					<view class="iconfont iconlanlvtubiaozhizuomoban-01 line-h font-lg"></view>
					<view>待付款</view>
				</view>
			</view>
		</card>
		
		<divider></divider>
		<!-- <uni-list-item showExtraIcon leftIconStyle="color:#FDBF2E;" leftIcon="iconchongzhi" title="小米会员"></uni-list-item> -->
		<citem leftcont="iconvip" color="color:#FDBF2E;" title="小米会员" ></citem>
		<citem leftcont="iconhuaban26" color="color:#FCBE2D;" title="会员中心"></citem>
		<citem leftcont="iconaixin" color="color:#FA6C5E;" title="服务中心"></citem>
		<citem leftcont="iconsekuaichaoshi" color="color:#FE8B42;" title="小码之家"></citem>
		<citem leftcont="iconxinpin-" color="color:#9ED45A;" title="更多功能" @goto="go('user-set')"></citem>
		<!-- <citem leftcont="iconvip" color="color:#FDBF2E;" title="小米会员"></citem> -->
		<divider></divider>
		<citem leftcont="iconlanlvtubiaozhizuomoban-01" color="color:#808C98;" title="更多设置" @goto="go('user-self')"></citem>
	</view>
</template>

<script>
	import card from "@/components/index/card.vue"
	import citem from "@/components/class/citem.vue"
	// import uniListItem from "@/components/uni-ui/uni-list-item/uni-list-item.vue"
	export default{
		components:{
			card,
			citem
		},
		methods:{
			go(title){
				console.log(1)
				uni.navigateTo({
					url:`/pages/user-set/${title}`
				});
				console.log(2)
			}
		}
	}
</script>

<style>
	
</style>
